<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootstrap</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="jquery/jquery-3.3.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
    <ul class="nav nav-tabs">
        <li class="active"><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
    </ul>

<!--胶囊式-->
    <ul class="nav nav-pills">
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
    </ul>

    <ul class="nav nav-pills nav-stacked">
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
    </ul>

    <ul class="nav nav-justified">
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
        <li><a href="###">慕课网</a></li>
    </ul>
</body>
</html>